@import "./font/iconfont.css";
/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:normal;vertical-align:baseline;box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,li{list-style:none}
a{color:inherit;text-decoration:none;-webkit-backface-visibility:hidden}
html,body{width:100%;font-family:"Arial","Microsoft YaHei","黑体","宋体","微软雅黑",sans-serif;}
body{font: 12px/1 normal;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
html{overflow-y:scroll;background-color: #f5f7fa;}
em{font-style:normal}
button, input, select, textarea { font-size:100%; }
/*reset*/

.header{height: 44px; line-height: 44px;padding: 0 15px;font-size:16px; color: #fff;background-color: #1d6cf7;display: none;justify-content: space-between;}
.header>*{width: 33.33%;flex-grow: 0;}
.haader-right>i{font-size: 24px;}
.haader-content{text-align: center;}
.haader-right{text-align: right;}

/*common*/
.f12{font-size: 12px !important;}
.btn-contain{margin:0 15px }
.mt10{margin-top: 10px;}
.iconfont{vertical-align: middle;}
.flex{display: flex;flex:1;}
.flex.column{flex-direction: column;}
.flex .flexItem,.flex.flexItem{flex: 1 1 auto;}
.flex-end{justify-content: flex-end;}
.around{justify-content: space-around;}
.items{align-items:center;}
.between{justify-content: space-between;}
.cell{background: #fff; font-size: 16px; line-height: 46px;position: relative;display: flex;align-items: center; margin-left: 15px;border-bottom: 1px solid #f5f7fa;padding-right: 1em;}
.cell.all-w{margin-left:0;padding-left: 15px;}
.no-border{border:none;}
.cell label{ width: 20%;min-width: 6em;color: #333;display: flex;align-items: center;}
.cell label>i{margin-right: 10px;font-size: 18px;}
.cell .footer{color:#999;flex:1;display: flex;align-items: center; justify-content: flex-end;}
.cell .footer>i.icon-right{color:#999;font-size: 12px;margin-left: 5px;}
.cell input{width: 100%;border:none;height: 46px;color:#333; text-align: right; outline: none;}
.cl-main{color: #e64340;font-weight: 400;}
.cl-sub{color: #a1a1a1;}
.f-r{float: right;}
.f12{font-size: 12px;}
.ellipsis{overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.ellipsis2{overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*common*/


/*user-list.html*/
.order-title{padding:0 15px;line-height: 40px;font-size: 14px; background-color: #f1f1f2;font-weight: 400;}
.order-item{border-bottom:1px solid #EBEDEF;padding:10px 15px;background:#fff;align-items: center;}
.top-info{font-size:14px;font-weight:400;line-height:24px;color:#999}
.top-info .name{color:#333;font-size: 14px;font-weight: bold;}
.order-item .cl-main{font-weight: bold; }
.btm-info{color:#999}
.image-contain{width:48px;height:48px;flex-shrink:0;display:flex;justify-content:center;align-items:center;text-align:center;margin-right:10px;align-content:center;border-radius:50%;
    border-radius: 50%;background: linear-gradient(-45deg,#3978fe,#76a2ff);color: #fff;font-size:24px;box-shadow: 0 0 5px #3978fe;}


    /*bank-list.html*/
.bank-card{background: linear-gradient(-45deg,#76a2ff,#3978fe);color: #fff; border-radius: 8px; margin:20px; padding:15px 0 15px 80px;position: relative;}
.bank-card i{position: absolute;left:15px;top:15px;font-size: 48px;}
.bank-card .card-name{font-size: 16px;font-weight: bold;margin-bottom: 1em;}
.bank-card .card-num{font-size: 14px;font-weight: bold;margin-top: 1em;letter-spacing: 2px;}
.add-card{padding-left:10px;display: flex;align-items: center;line-height: 60px;font-size: 16px;margin:20px;border:#eee 1px solid;background-color: #fff;border-radius: 8px;}
.add-card i{font-size:18px;margin:0 5px;color:#333;}

 /*withdrawal.html*/
.withdrawal-header{background:url(../shop/images/bg.jpg) no-repeat center;background-size: 100% 100%;}
.withdrawal-header .header{background-color: rgba(29,108,247,0.4)}
.withdrawal-money{font-size: 32px; font-weight: 400;text-align: center;color: #fff;margin:20px 0 10px}
.withdrawal-balance{text-align: center; font-size: 14px;color: #fff;padding-bottom: 40px;}
.withdrawal-contaion{background-color: #fff; margin:0 10px; position: relative; top:-20px;text-align: center;padding:15px;border-radius: 10px;}
.withdrawal-form{ display: flex;align-items:center; justify-content: center;}
.withdrawal-form input{border: none;outline: none; height: 40px;text-align: center;border-bottom: 1px solid #eee;font-size: 18px;}
.withdrawal-form .btn-all{background: rgba(29, 108, 247, 0.8);color: #fff; text-align: center;display: inline-block;padding:0 2em;line-height: 30px; border-radius: 20px;}
.withdrawal-tips{margin:20px 0;color: #333;}
.withdrawal-contaion em{color: #e64340;}


/*pro_list.html*/
.pro-list{display: flex; flex-wrap: wrap; margin-top: 10px;}
.pro-item{margin:10px 2% ;flex:0 0 auto;border-radius: 5px;overflow: hidden;position: relative; width: 46%;background-color: #fff;}
.pro-item .img-contain{width: 100%;height:120px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.pro-item .topping{position: absolute; top:0;left: 0;background-color: #e64340;max-width: 100%; color: #fff;padding: 0 10px;line-height: 16px;border-radius: 0 0 5px 0;}
.pro-item .pro-name{ color: #333;width: 100%;padding:0 2.5px;  line-height: 1.6;;z-index: 1;overflow:hidden;  }
.pro-item .price{color: #e64340;padding:5px;font-size: 14px;}


/*order-detail.html*/
.order-detail-list{display:flex;overflow:auto;padding:10px;width:100%;background-color:#fff}
.order-detail-item img{width:80px;height:80px;border-radius:5px;flex-shrink:0;margin-right:10px;object-fit: cover;}
.order-detail-item{display:flex;align-items:center;width:100%;border-bottom:1px solid #eee;padding:10px}
.order-detail-item .order-detail-info{display:flex;flex-direction:column;flex:1;color:#333}
.order-detail-item .order-detail-info .flex{color:#e64340;width:100%}
.order-detail-item .order-detail-info .f-r{color:#a1a1a1}

/*order_manage.html*/
.shop-contain{background-color: #fff;display: block; margin: 10px 10px 0; padding-top: 15px;color:#333333;padding:0 10px;border-radius: 10px;}
.shop-contain .shop-name{display: flex;align-items: center;color: #333333; line-height: 43px;position: relative;font-size: 14px;font-weight: bold;}
.shop-contain .shop-name .eglass-shop{width:20px;height: 20px;margin-right: 5px;}
.shop-contain .shop-name image:last-child{height: 12px; width: 12px;margin-left:0px;}
.shop-contain .order-item{position:relative; display: flex; padding-right: 15px; align-items: center; border-bottom: 1px solid #EBEDEF; border-top: 1px solid #EBEDEF;     padding: 10px 15px;background: #fff;}
.shop-contain .order-item .pro-pic{ flex-shrink: 0;margin-right: 10px; width: 75px;height: 75px; left:10px;border-radius: 10px; overflow: hidden;object-fit: cover;}
.shop-contain .product-name{font-size:14px; color: #333333; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;flex-shrink:0;text-overflow:ellipsis;overflow:hidden;line-height: 18px;}
.shop-contain  .sum-price{ display: flex;align-items: center; justify-content: flex-end;color: #a1a1a1;line-height: 32px;font-size: 14px;}
.shop-contain  .sum-price .sum-num{font-size: 12px;margin-right: 8px;}
.shop-contain  .sum-price .price{ color: #e64340;}
.shop-contain  .shop-footer{border-top: 2rpx solid #f2f2f2;color:#333333;font-size: 14px; height: 50px;display: flex;align-items: center;justify-content: flex-end; text-align: center;}
.shop-contain .shop-footer .item{ border:2rpx solid #ccc;height: 30px;line-height: 28px;border-radius: 15px;margin-left: 7px;min-width: 90px;}
.shop-contain .shop-footer .item.buy-again{border-color: #f2270c;color: #f2270c;}

/*bill_collection*/
.collection-list{background-color: #fff;margin:-20px 10px 0;border-radius: 5px;}
.collection-item{display: flex; align-items: center;justify-content:space-between;padding: 10px;color: #a1a1a1;border-bottom: 1px solid #eee;font-size: 12px;}
.collection-item .collection-name{font-size: 16px;font-weight: bold;color:#333;}
.collection-item .cl-main{font-size: 16px;}

a.weui-btn_primary,a.weui-btn_primary:active{background-color: rgba(29,108,247,0.8)!important;}
a.weui-btn_primary:active{opacity: 0.8;}


.model{position: fixed;height: 100%;top:0;left:0;width: 100%;padding:10% 5%;box-sizing: border-box; background: rgba(0,0,0,0.5);z-index: 999999}
.model-content{height: calc(100% - 44px);background: #fff;width: 100%;position: relative;overflow: hidden}
.model-content iframe{width: 100%;height: 100%;position: relative;overflow: auto}
.model-footer{position: absolute;bottom:0;left: 0;width: 100%;background: #fff;padding: 5px 0}
.model-footer div{display: inline-block;float: right;line-height: 30px;border:1px solid #ddd;box-sizing: border-box;
    padding: 0 10px;vertical-align: middle;margin:0 10px;height: 30px;border-radius: 8px}
.model-footer div.confirm{background: #0F78FB;color: #fff}
.model-footer div.quit{background: #e03421;color: #fff}
